
<template>
  <div>
    <div class="null">
      <navBer />
      <Map @custom-event="handleCustomEvent" :propsList="uploadList" :propsTijiao="uploadButton"
        :propsSubmit="submitButton" :propsChengguoDaoChu="chengGuoDaoChu" :propsSure="sureButton"
        :propsTreatCheck="TreatCheck" :propsCorrective="corrective" :propsVerifiable="verifiable"
        :propsCheckFinish="checkFinish" :propsObject="propsObjectid"></Map>
      <div class="drawer-box">
        <div :class="[drawer ? 'ding' : 'ding-box']">
          <div v-for="(item, index) in drawerArr" :key="item + index" :class="[
            index == 0
              ? 'ding-box-first'
              : index == 1
                ? 'ding-box-two'
                : 'ding-box-three',
          ]" @click="drawerClick(index)">
            <span>{{ item.name }}</span>
            <span>{{
              (backshow == 0 || backshow == 1 || backshow == 2) && drawer
              ? "《"
              : "》"
            }}
            </span>
          </div>
        </div>
        <!-- 左侧弹出框抽屉样式 -->
        <!-- <el-drawer
          v-model="drawer"
          :with-header="false"
          class="animated-drawer"
          direction="ltr"
          destroy-on-close="true"
          size="13%;top:5.5%; transition: all 925ms;"
          :append-to-body="true"
          :modal-append-to-body="false"
        >
          <span class="nuboo">{{
            backshow == 0 ? "专题图" : backshow == 1 ? "水质" : "功能菜单"
          }}</span>
          <div class="nuuto">
            <el-container>
              <el-aside width="200px">
                <el-menu
                  :collapse="isCollapse"
                  background-color="#111"
                  text-color="white"
                  default-active="2"
                  class="el-menu-vertical-demo"
                >
                  <el-menu-item
                    @click="xiaobiao(n)"
                    v-for="(m, n) in list"
                    :key="n"
                    :index="n"
                  >
                    <el-icon><component :is="m.icon"></component></el-icon>
                    <span>{{ m.text }}</span>
                  </el-menu-item>
                </el-menu>
              </el-aside>
            </el-container>
          </div>
        </el-drawer> -->

        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="vertical" menu-trigger="click" :ellipsis="false"
          @select="handleSelect" text-color="#000">
          <el-sub-menu index="1">
            <template #title>
              <el-icon>
                <Grid />
              </el-icon>
              功能菜单</template>
            <el-menu-item index="1-1" @click="tongji"><el-icon>
                <Edit />
              </el-icon>统计</el-menu-item>
            <el-menu-item index="1-2" @click="tisheng"><el-icon>
                <document />
              </el-icon>
              GIS质量提升</el-menu-item>
            <el-menu-item index="1-3" @click="daochuCAD">
              <el-icon>
                <Crop />
              </el-icon>成果导出</el-menu-item>
            <el-menu-item index="1-4" @click="renyuantongji"><el-icon>
                <Avatar />
              </el-icon>人员统计</el-menu-item>
          </el-sub-menu>
        </el-menu>
        <!-- 弹出框 -->
        <!-- 专题图物探质检弹出框 -->
        <div class="right-top" style="position: relative">
          <el-dialog id="dialogOne" v-model="dialogTableVisible" :modal="false" :close-on-click-modal="false"
            :close-on-press-escape="false" :center="true">
            <div id="visitopOne">
              <span>物&nbsp;探&nbsp;质&nbsp;检&nbsp;</span>
              <el-switch @change="handleChange" v-model="value1"></el-switch>
            </div>
            <div v-if="value1">
              <div class="right-top1">
                <span class="right-height">排查状态</span>
                <el-select v-model="pai1" clearable placeholder="请选择">
                  <el-option v-for="item in optionspai1" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div class="right-top1">
                <span class="right-height">测量状态</span>
                <el-select v-model="pai2" clearable placeholder="请选择">
                  <el-option v-for="item in optionspai2" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div class="right-top1">
                <span class="right-height">检测状态</span>
                <el-select v-model="pai3" clearable placeholder="请选择">
                  <el-option v-for="item in optionspai3" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div class="primarys">
                <el-button type="primary">修改</el-button>
              </div>
            </div>
            <div v-else>
              <div class="right-top1">
                <span class="right-height">物探</span>
                <el-select v-model="atter" clearable placeholder="请选择">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div class="right-top1">
                <span class="right-height">测量</span>
                <el-select v-model="atter1" clearable placeholder="请选择">
                  <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div class="right-top1">
                <span class="right-height">检测</span>
                <el-select v-model="atter2" clearable placeholder="请选择">
                  <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
            </div>
            <!-- 下面框 -->
            <div style="margin-top: 30px">
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!-- 专题图高水位质检弹出框 -->
        <div class="right-top" style="position: relative">
          <el-dialog v-model="dialogTableVisibletwo" title="高水位质检" id="dialogTwo" :modal="false"
            :close-on-click-modal="false" :close-on-press-escape="false" :center="true">
            <div>
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!-- 专题图管道等级弹出框 -->
        <div class="right-top" style="position: relative">
          <el-dialog v-model="dialogTableVisiblethree" title="管道等级" id="dialogthree" :modal="false"
            :close-on-click-modal="false" :close-on-press-escape="false" :center="true">
            <!-- 上面小框 -->
            <div id="dialogthree_top">
              <span>管道类型:</span>
              <el-dropdown trigger="click" size="large">
                <span class="el-dropdown-link">
                  请选择
                  <el-icon class="el-icon--right">
                    <arrow-down />
                  </el-icon>
                </span>
                <template #dropdown>
                  <el-dropdown-menu>
                    <el-dropdown-item>Action 1</el-dropdown-item>
                    <el-dropdown-item>Action 2</el-dropdown-item>
                    <el-dropdown-item>Action 3</el-dropdown-item>
                  </el-dropdown-menu>
                </template>
              </el-dropdown>
            </div>
            <!-- 下面echarts图 -->
            <div>
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!-- 专题图新建管网弹出框 -->
        <div class="right-top" style="position: relative">
          <el-dialog v-model="dialogTableVisiblefour" title="新建管网" id="dialogfour" :modal="false"
            :close-on-click-modal="false" :close-on-press-escape="false" :center="true">
            <div>
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!--  -->
        <!-- 原单位已做检测弹出框 -->
        <div class="right-top" style="position: relative">
          <el-dialog v-model="dialogTableVisiblefive" title="原单位已做检测" id="dialogfive" :modal="false"
            :close-on-click-modal="false" :close-on-press-escape="false" :center="true">
            <div>
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!-- 完 -->
        <!-- 本项目已做检测 -->
        <div class="right-top" style="position: relative">
          <el-dialog v-model="dialogTableVisiblesix" title="管道等级" id="dialogsix" :modal="false"
            :close-on-click-modal="false" :close-on-press-escape="false" :center="true">
            <!-- 上面小框 -->
            <div id="dialogthree_top">
              <span>已做检测:</span>
              <el-dropdown trigger="click" size="large">
                <span class="el-dropdown-link">
                  请选择
                  <el-icon class="el-icon--right">
                    <arrow-down />
                  </el-icon>
                </span>
                <template #dropdown>
                  <el-dropdown-menu>
                    <el-dropdown-item>Action 1</el-dropdown-item>
                    <el-dropdown-item>Action 2</el-dropdown-item>
                    <el-dropdown-item>Action 3</el-dropdown-item>
                  </el-dropdown-menu>
                </template>
              </el-dropdown>
            </div>
            <!-- 下面echarts图 -->
            <div>
              <div class="nav-wrapper">
                <div class="bar-title">
                  <div class="bar-title-left">
                    <span class="bar-title-left-span" :class="[showIndex == index ? 'active' : '']"
                      v-for="(item, index) in arr" :key="index" @click.stop="tabClick(index)">{{ item.text }}</span>
                    111
                  </div>
                  <div>
                    <MenuDetail />
                  </div>
                </div>
              </div>
            </div>
          </el-dialog>
        </div>
        <!-- 完 -->
        <!-- 弹出框 -->
      </div>
    </div>
    <div>
      <el-drawer v-model="drawerbuttontop" direction="btt" :with-header="false">
        <h3 class="topcenter">水质结果</h3>
        <div class="top-left1">
          <span class="right-height">检测类型</span>
          <el-select v-model="xianchang" clearable placeholder="现场快捡">
            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
          <span class="right-height">渲染器</span>
          <el-select v-model="xianchang" clearable placeholder="现场快捡">
            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
          <span class="right-height">时间类型</span>
          <el-select v-model="xianchang" clearable placeholder="采样时间">
            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
          <span class="right-height">检测点类别</span>
          <el-select v-model="xianchang" clearable placeholder="全部">
            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
          <span class="right-height">检测点子类</span>
          <el-select v-model="xianchang" clearable placeholder="请选择检测点子类">
            <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>

          <span>检测点编号搜索</span>
          <span style="width: 200px"><el-input v-model="input1" placeholder="请输入检测点编号" clearable /></span>

          <div>
            <el-table :data="tableData" style="width: 100%" border stripe>
              <el-table-column prop="id" label="监测点类别" width="180" type="index" />
              <el-table-column prop="adminname" label="COD平均浓度" width="180"></el-table-column>
              <el-table-column prop="link" label="平均浓度"> </el-table-column>
              <el-table-column label="检测点子类"> </el-table-column>
              <el-table-column label="监测点编号"> </el-table-column>
              <el-table-column label="监测点名称"> </el-table-column>
              <el-table-column label="监测点物探编号"> </el-table-column>
              <el-table-column label="取样编号"> </el-table-column>
              <el-table-column label="采样人"> </el-table-column>
              <el-table-column label="采样时间"> </el-table-column>
              <el-table-column label="采样人员单位"> </el-table-column>
              <el-table-column label="采样上传时间"> </el-table-column>
              <el-table-column label="备注"> </el-table-column>
              <el-table-column label="检测人"> </el-table-column>
              <el-table-column label="检测时间"> </el-table-column>
              <el-table-column label="检测单"> </el-table-column>
              <el-table-column label="操作"> </el-table-column>
              <el-table-column label="背景照片"> </el-table-column>
              <el-table-column label="采样照片"> </el-table-column>
              <el-table-column label="结果照片"> </el-table-column>
            </el-table>
          </div>
        </div>
      </el-drawer>
    </div>
    <div>
      <el-dialog v-model="dialogVisibletop" width="30%" height="20%">
        <span class="certertr">水质检测点编辑器</span>
        <div class="buttom-conterrr">
          <div class="buttom-conterr">
            <span>添加检测点</span>
            <span>></span>
          </div>
          <div class="buttom-conterr">
            <span>编辑检测点</span>
            <span>></span>
          </div>
        </div>
      </el-dialog>
    </div>

    <!-- <div class="eventxy">
      <span>{{ point.x }},{{ point.y }}</span>
    </div> -->
    <div>
      <el-drawer v-model="drawerbottom" :direction="direction" :with-header="false" size="45%" class="bottom-drawer">
        <div class="mout">
          <div class="draw">
            <div :class="[shuin == index ? 'active' : '']" @click="funtty(index)" v-for="(item, index) in listdraw"
              :key="index">
              {{ item.title }}
            </div>
          </div>
          <div class="nuubv">
            <el-input v-model="mooutrrg" class="w-50 m-2" placeholder="搜素" :suffix-icon="Search" size="large" />
          </div>
          <div class="buttmop">
            <el-select v-model="tongjiSelect" class="m-2" placeholder="总计" size="large" :teleported="false">
              <el-option v-for="item in datalist.midList" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>

          <div class="buttmop" v-if="later">
            <el-select v-model="value" class="m-2" placeholder="请选择工期" size="large">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <div class="nuuiot">
            <div class="block">
              <el-date-picker v-model="datePicker" type="date" size="large" placeholder="请选择日期"
                :disabled="ljitong == '累计统计'" />
            </div>
          </div>
          <div class="buttmop">
            <el-select v-model="ljitong" class="m-2" placeholder="请选择" size="large" ref="fimkuio" @change="kuio">
              <el-option v-for="item in attyrrt" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <el-button size="large" :icon="Search" @click="searchButton">搜索</el-button>
          <div class="buttmop" v-if="later">
            <el-button size="large">导出</el-button>
          </div>
        </div>
        <div v-show="moooiuy">
          <el-table :data="tongjiListTwo" stripe style="width: 100%; height: calc(45vh - 90px)">
            <el-table-column v-for="(item, index) in listLabel" :key="item + index" :label="item.title" :prop="item.prop">
            </el-table-column>
          </el-table>
        </div>
      </el-drawer>
    </div>
    <div>
      <el-drawer v-model="drawerlistbummet" direction="btt" title="" :with-header="false" size="45%">
        <span class="tongJi">人员在线时间统计</span>
        <div class="fonGtuer">
          <div class="mr10">
            <el-input v-model="statistics" class="w-50 m-2" placeholder="请输入账号搜索" style="width: 260px" size="large"
              :clearable="true" />
            <el-button plain size="large" style="margin-left:20px;" @click="renYuanTongJiClick">搜索</el-button>
          </div>
          <!-- <div class="mr10">
            二级工区:
            <el-select
              v-model="value"
              class="m-2"
              placeholder="请选择"
              size="large"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </div>
          <div class="mr10">
            单位:
            <el-select
              v-model="value"
              class="m-2"
              placeholder="请选择"
              size="large"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </div>
          <div class="mr10">
            状态:
            <el-select
              v-model="value"
              class="m-2"
              placeholder="请选择"
              size="large"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </div>
          <div class="buttmop mr10">
            <el-button size="large">台账导出</el-button>
          </div>

          <div class="blockle">
        
            <el-date-picker
              v-model="value1"
              type="date"
              placeholder="请选择日期"
              size="large"
            />
          </div> -->
        </div>
        <div>
          <el-table :data="tableDataList" stripe style="width: 100%; height: calc(45vh - 130px)">
            <el-table-column prop="ordinal" label="序号" type="index" width="100px" />
            <el-table-column prop="account" label="账号" />
            <el-table-column prop="condition" label="状态" />
            <el-table-column prop="username" label="用户名" />
            <el-table-column prop="accountAffiliation" label="账号所属单位" />
            <el-table-column prop="firstTime" label="首次登录时间" />
            <el-table-column prop="lastTime" label="最后登录时间" />
            <!-- <el-table-column prop="firstlogoutTime" label="首次登出时间"  /> -->
            <el-table-column prop="lastLogoutplace" label="最后登录位置" />
            <!-- <el-table-column prop="cumulativelogout" label="累计登录时长" /> -->
          </el-table>
        </div>
      </el-drawer>
    </div>

    <div class="drawbut">
      <el-drawer v-model="drawerlek" class="drawbuttomkey" :with-header="false" size="100%;height:100%;top:20%"
        :modal="false" modal-class="mask-layer">
        <div class="top-commet">
          <div :class="[shuoindex == index ? 'activel' : '']" v-for="(item, index) in topList" :key="index"
            @click="onclicktop(index)">
            {{ item.title }}
          </div>
        </div>
        <div class="top-commet" v-show="jiekevalu">
          <div :class="[conectindex == index ? 'activel' : '']" v-for="(item, index) in conectList" :key="index"
            @click="onclickconect(index)">
            {{ item.title }}
          </div>
        </div>
        <div class="bottom-cmmet" v-show="jiekeval">
          <div class="bottom-commet">
            <div :class="[bottomindex == index ? 'activel' : '']" v-for="(item, index) in bottomtList" :key="index"
              @click="onclickbottom(index)">
              {{ item.title }}
            </div>
          </div>
        </div>
        <!-- 问题添加 -->
        <div class="juconcet" v-show="jiekevalue">
          <!-- 联围 -->
          <div>
            <el-select v-model="lianweiid" class="m-2" placeholder="请选择联围" size="large" @change="lianweiidClick">
              <el-option v-for="item in lianweiname" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <!-- 区块 -->
          <div>
            <el-select v-model="qukuaiid" class="m-2" placeholder="请选择区块" size="large" @change="qukuaiidClick">
              <el-option v-for="item in qukuaiList" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <!-- 小区 -->
          <div>
            <el-select v-model="xiaoquid" class="m-2" placeholder="请选择小区" size="large" @change="xiaoquClick">
              <el-option v-for="item in xiaoquList" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
        </div>
        <div class="jucon" v-show="jiekevalue">
          <div>
            周边井点*:
            <el-input v-model="jucon" size="large" />
          </div>
          <div>
            问题类型*:
            <el-select v-model="question_type" class="m-2" placeholder="官网完成率异常" size="large">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
        </div>

        <div class="pingfen" v-show="jiekevalue">
          <span class="kuiop">问题描述*:</span>
          <el-input v-model="textarea" class="munj" :rows="2" type="textarea" placeholder="请输入" />
        </div>

        <div class="muoole" v-show="jiekevalue">
          <div class="mb-2 flex items-center text-sm">
            <el-radio-group v-model="radio1" class="ml-4">
              <el-radio label="1" size="large">本地上传</el-radio>
              <el-radio label="2" size="large">截图上传</el-radio>
            </el-radio-group>
          </div>
        </div>

        <div class="nulllout" v-show="jiekevalue" id="fileInput">
          <span class="mopuy">图片(至少添加一张图片)</span>
          <div style="
              position: absolute;
              left: 260px;
              height: 156px;
              overflow: hidden;
            ">
            <el-upload ref="uploadRef" list-type="picture-card" :limit="3" :action="uploadUrl" name="file"
              :on-success="handleAvatarSuccess" :headers="uploadHeads" :on-error="handleAvatarError"
              :before-upload="upProgress">
              <el-icon>
                <Plus />
              </el-icon>
            </el-upload>
          </div>
        </div>
        <div class="mopluty" v-show="jiekevalue">
          <span class="moppiuy">其他材料:</span>
          <div>
            <el-upload :ref="uploadRef" class="upload-demo" :limit="3" :action="uploadUrl" name="file"
              :on-success="handWenjianSuccess" :headers="uploadHeads" :on-error="handlWenjianError">
              <template #trigger>
                <el-button type="primary">选取文件</el-button>
              </template>
            </el-upload>
          </div>
        </div>

        <div class="mpkoiiuy" v-show="jiekevalue">
          <span class="nuillpoi">拟接收单位</span>
          <div>
            <el-select v-model="reception_unit" class="m-2" placeholder="请选择">
              <el-option v-for="item in jieshoudanwei" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>
          <div>
            <el-button type="success" @click="uploadButton">提交</el-button>
          </div>
        </div>
        <div class="myTianjia" v-show="myTianjia">
          <div class="myTianjia-top" style="width: 100%; height: 40px; display: flex;">
            <el-input v-model="input4" placeholder="搜索" style="margin-right: 20px;">
              <template #prefix>
                <el-icon class="el-input__icon">
                  <search />
                </el-icon>
              </template>
            </el-input>
            <div class="demo-date-picker" style="margin-right: 60px;">
              <el-date-picker size="large" v-model="value1" type="monthrange" range-separator="To"
                start-placeholder="开始日期" end-placeholder="结束日期" />
            </div>
            <el-button size="large">导出</el-button>
          </div>
          <div class="myTianjia-middle" style="width: 100%; height: 50px; display: flex;">
            <div class="juconcet" v-show="myTianjia">
              <!--我的添加 联围 -->
              <div>
                <el-select v-model="lianweiid" class="m-2" placeholder="请选择联围" size="large" @change="lianweiidClick">
                  <el-option v-for="item in lianweiname" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <!--我的添加 区块 -->
              <div>
                <el-select v-model="qukuaiid" class="m-2" placeholder="请选择区块" size="large" @change="qukuaiidClick">
                  <el-option v-for="item in districtName" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <!--我的添加 小区 -->
              <div>
                <el-select v-model="xiaoquid" class="m-2" placeholder="请选择小区" size="large" @change="xiaoquClick">
                  <el-option v-for="item in xiaoquName" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
            </div>
          </div>
        </div>
        <div v-show="jil">
          <div class="kuttyr">
            <div class="listytr">
              <el-input v-model="input2" class="w-50 m-2" placeholder="" :suffix-icon="Search" />
            </div>
            <div class="demo-date-picker">
              <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                end-placeholder="结束日期" />
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div class="moopuyt">
              <el-button size="large">导出</el-button>
            </div>
          </div>

          <div class="nulless">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="查收单位">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="请选择区块">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="请选择小区">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
          </div>
          <div class="nulles">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="请选择小区">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
          </div>
          <div>
            <el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelection">
              <el-table-column type="selection" width="55" />
              <el-table-column label="Date" width="120">
                <template #default="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column property="name" label="Name" width="120" />
              <el-table-column property="address" label="Address" show-overflow-tooltip />
            </el-table>
            <div>
              <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
            </div>
          </div>
        </div>
     <!-- 已查收 -->
        <div v-show="yicha">
          <div class="muoppl">
            <div class="mooouyyt">
              <div>
                <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
              </div>
              <div>
                <el-button plain>导出</el-button>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="提交类型">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
            </div>
            <div>
              <el-button plain>确认</el-button>
            </div>
          </div>

          <div class="nulless">
            <div class="miiopl">
              <div class="demo-date-picker">
                <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                  end-placeholder="结束日期" />
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="提交类型">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="查收单位">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="请选择区块">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
            </div>
          </div>
          <div>
             <el-table
                    ref="multipleTableRef"
                    :data="zhiXingZhengGai"
                    style="width: 100%;height: 500px;"
                    @select="selectionCorrective"
                  >
                    <el-table-column type="selection" width="55" />
                    <el-table-column label="id" prop="id" width="120"></el-table-column>
                    <el-table-column property="objectid" label="编号" width="120" />
                    <el-table-column property="remark2" label="状态" width="120" />
                    <el-table-column property="evcode_main" label="账号" width="120" />
                    <el-table-column property="uploadpath1" label="照片1" width="200" />
                    <el-table-column property="uploadpath2" label="照片2" width="200" />
                    <el-table-column property="uploadpath3" label="照片3" width="200" />
                  </el-table>
            <!-- <div>
              <el-pagination
                :page-size="20"
                :pager-count="11"
                layout="prev, pager, next"
                :total="1000"
              />
            </div> -->
          </div>
        </div>
        <!-- gis质量提升待查收 -->
        <div v-show="cha">
          <div class="muoppl">
            <div>
              操作:
              <!-- <el-radio-group v-model="radio">
                <el-radio :label="3">接收</el-radio>
              </el-radio-group> -->
            </div>
            <div @click="sureDaiChaShou">
              <el-button plain>确认</el-button>
            </div>
          </div>

          <div class="miiopl">
            <div>
              <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
            </div>

            <div class="demo-date-picker">
              <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                end-placeholder="结束日期" />
            </div>

            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>

            <div>
              <el-button plain>导出</el-button>
            </div>
          </div>

          <div>
            <div class="nulless">
              <div>
                <el-select v-model="value" class="m-2l" placeholder="提交类型">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="查收单位">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="请选择区块">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
              <div>
                <el-select v-model="value" class="m-2l" placeholder="请选择小区">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </div>
            </div>
            <div>
              <div class="nulles">
                <!-- <div>
                  <el-select
                    v-model="value"
                    class="m-2l"
                    placeholder="请选择小区"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                  </el-select>
                </div> -->
              </div>
              <div>
                <el-table
                  ref="multipleTableRef"
                  :data="daiChaShou"
                  style="width: 100%;height: 500px;"
                  @select="selectionClick"
                >
                  <el-table-column type="selection" width="55" />
                  <el-table-column label="id" prop="id" width="120"></el-table-column>
                  <el-table-column property="objectid" label="编号" width="120" />
                  <el-table-column property="remark2" label="状态" width="120" />
                  <el-table-column property="evcode_main" label="账号" width="120" />
                  <el-table-column property="uploadpath1" label="照片1" width="200" />
                  <el-table-column property="uploadpath2" label="照片2" width="200" />
                  <el-table-column property="uploadpath3" label="照片3" width="200" />
                </el-table>
                <!-- <div>
                  <el-pagination
                    :page-size="20"
                    :pager-count="11"
                    layout="prev, pager, next"
                    :total="1000"
                  />
                </div> -->
              </div>
            </div>
          </div>
        </div>
        <!-- ///============================================执行整改=======================================//// -->
        <div v-show="funttypp">
          <div class="appiop">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="查收单位">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="请选择区块">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-checkbox v-model="checked1" label="驳回中" size="large" />
            </div>
          </div>
          <div class="sttyuiiy" @click="sureZhiXingZhengGgI">
            <el-button plain>确认</el-button>
          </div>
          <div>
           <el-table
                  ref="multipleTableRef"
                  :data="zhiXingZhengGai"
                  style="width: 100%;height: 500px;"
                  @select="selectionCorrective"
                >
                  <el-table-column type="selection" width="55" />
                  <el-table-column label="id" prop="id" width="120"></el-table-column>
                  <el-table-column property="objectid" label="编号" width="120" />
                  <el-table-column property="remark2" label="状态" width="120" />
                  <el-table-column property="evcode_main" label="账号" width="120" />
                  <el-table-column property="uploadpath1" label="照片1" width="200" />
                  <el-table-column property="uploadpath2" label="照片2" width="200" />
                  <el-table-column property="uploadpath3" label="照片3" width="200" />
                </el-table>
            <!-- <div>
              <el-pagination
                :page-size="20"
                :pager-count="11"
                layout="prev, pager, next"
                :total="1000"
              />
            </div> -->
          </div>
        </div>
        <!-- ///============================================执行整改=======================================//// -->

      <!-- ////////我整改的 -->
        <div v-show="shokutty">
          <div class="kiopol">
            <div class="miiopp">
              <div>
                <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
              </div>
              <div>
                <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                  end-placeholder="结束日期" />
              </div>
            </div>
            <div class="muuouyyt">
              <el-button plain>导出</el-button>
            </div>
          </div>

          <div class="mookujh">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="查收单位">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="请选择区块">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
          </div>
          <div>
             <el-table
                    ref="multipleTableRef"
                    :data="daiHeCha"
                    style="width: 100%;height: 500px;"
                    @select="selectionVerifiable"
                  >
                    <el-table-column type="selection" width="55" />
                    <el-table-column label="id" prop="id" width="120"></el-table-column>
                    <el-table-column property="objectid" label="编号" width="120" />
                    <el-table-column property="remark2" label="状态" width="120" />
                    <el-table-column property="evcode_main" label="账号" width="120" />
                    <el-table-column property="uploadpath1" label="照片1" width="200" />
                    <el-table-column property="uploadpath2" label="照片2" width="200" />
                    <el-table-column property="uploadpath3" label="照片3" width="200" />
                  </el-table>
            <!-- <div>
              <el-pagination
                :page-size="20"
                :pager-count="11"
                layout="prev, pager, next"
                :total="1000"
              />
            </div> -->
          </div>
        </div>
        <!-- -----------------------待核查------------------------ -->
        <div v-show="lloppby">
          <div class="kiopol">
            <div class="miiopp">
              <div>
                <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
              </div>
              <div>
                <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                  end-placeholder="结束日期" />
              </div>
            </div>
            <!-- <div class="muuouyyt">
              <el-button plain>导出</el-button>
            </div> -->
            <div class="muuouyyt" @click="sureDaiHeCha">
              <el-button plain>确认</el-button>
            </div>
          </div>

          <div class="mookujh">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="查收单位">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-checkbox v-model="checked1" label="驳回中" size="large" />
            </div>
          </div>
          <div>
            <el-table
                  ref="multipleTableRef"
                  :data="daiHeCha"
                  style="width: 100%;height: 500px;"
                  @select="selectionVerifiable"
                >
                  <el-table-column type="selection" width="55" />
                  <el-table-column label="id" prop="id" width="120"></el-table-column>
                  <el-table-column property="objectid" label="编号" width="120" />
                  <el-table-column property="remark2" label="状态" width="120" />
                  <el-table-column property="evcode_main" label="账号" width="120" />
                  <el-table-column property="uploadpath1" label="照片1" width="200" />
                  <el-table-column property="uploadpath2" label="照片2" width="200" />
                  <el-table-column property="uploadpath3" label="照片3" width="200" />
                </el-table>
            <!-- <div>
              <el-pagination
                :page-size="20"
                :pager-count="11"
                layout="prev, pager, next"
                :total="1000"
              />
            </div> -->
          </div>
        </div>
        <!-- -----------------------待核查------------------------ -->
        <!-- -----------------------核查-完成----------------------- -->
        <div v-show="ppllmqr">
          <div class="kiopol">
            <div class="miiopp">
              <div>
                <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
              </div>
              <div>
                <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开日期"
                  end-placeholder="结束日期" />
              </div>
            </div>
            <div class="muuouyyt" @click="sureHeChaWanCheng">
              <el-button plain>确认</el-button>
            </div>
          </div>

          <div class="mookujh">
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="提交类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
            <div>
              <el-select v-model="value" class="m-2l" placeholder="查收单位">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </div>
          </div>
          <div>
            <el-table
                  ref="multipleTableRef"
                  :data="heChaWanCheng"
                  style="width: 100%;height: 500px;"
                  @select="selectionCheckFinish"
                >
                  <el-table-column type="selection" width="55" />
                  <el-table-column label="id" prop="id" width="120"></el-table-column>
                  <el-table-column property="objectid" label="编号" width="120" />
                  <el-table-column property="remark2" label="状态" width="120" />
                  <el-table-column property="evcode_main" label="账号" width="120" />
                  <el-table-column property="uploadpath1" label="照片1" width="200" />
                  <el-table-column property="uploadpath2" label="照片2" width="200" />
                  <el-table-column property="uploadpath3" label="照片3" width="200" />
                </el-table>
            <!-- <div>
              <el-pagination
                :page-size="20"
                :pager-count="11"
                layout="prev, pager, next"
                :total="1000"
              />
            </div> -->
          </div>
        </div>
        <!-- -----------------------核查-完成----------------------- -->

        <div v-show="kuutyy">
          <div class="kiopol">
            <div class="miiopp">
              <div>
                <el-input v-model="input2" class="w-50 m-2" placeholder="Please Input" :suffix-icon="Search" />
              </div>
              <div>
                <el-date-picker v-model="value1" type="monthrange" range-separator="To" start-placeholder="开始日期"
                  end-placeholder="结束日期" />
              </div>
            </div>
            <div class="muuouyyt">
              <el-button plain>导出</el-button>
            </div>
          </div>
          <div>
            <el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelection">
              <el-table-column type="selection" width="55" />
              <el-table-column label="Date" width="120">
                <template #default="scope">{{ scope.row.date }}</template>
              </el-table-column>
              <el-table-column property="name" label="Name" width="120" />
              <el-table-column property="address" label="Address" show-overflow-tooltip />
            </el-table>
            <div>
              <el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
            </div>
          </div>
        </div>
      </el-drawer>
    </div>
  </div>
</template>
  
<script setup>
// import navBer from "../../components/navBar/navBar.vue";
import { ref, reactive, onMounted, watch } from "vue";
// import { Burger,Cherry, MapLocation,Bicycle,View,Operation,SuitcaseLine,User} from "@element-plus/icons-vue";
import { ElNotification } from "element-plus";
import {
  factory,
  net,
  river,
  source,
  increase,
  city,
  quality,
  totalWq,
  stats_select,
  upload,
  newaddincrease,
  userStatisticsList,
  userStatisticsListSouSuo
} from "@/api/home/index";
import EventBus from "@/assets/event-bus";
import MenuDetail from "@/components/auxiliary_detail/MenuDetail.vue";
import Map from "@/components/map/AuxiliaryMap.vue";
import { getToken } from "@/utils/auth";
import { ElMessage } from "element-plus";
// 坐标点
// let point = reactive({ x: 0, y: 0 });
// function savePoint(event) {
//   point.x = event.x;
//   point.y = event.y;
// }
// onMounted(() => {
//   window.addEventListener("mousemove", savePoint);
// });
// onBeforeUnmount(() => {
//   window.removeEventListener("mousemove", savePoint);
// });
let moooiuy = ref(true);
let tongjiListTwo = ref();
const radio1 = ref("1");
let huuymol = ref(false);
let kuutyy = ref();
let listseer = ref("");
let ppllmqr = ref(false);
let myTianjia = ref(false);
let lloppby = ref(false);
let shokutty = ref(false);
let funttypp = ref(false);
let LegEnd = ref(false);
let jiekevalu = ref(true);
let jiekeval = ref(true);
let yicha = ref(false);
let cha = ref(false);
let jil = ref(false);
let jiekevalue = ref(true);
// const Store = useStore();
const input1 = ref("");
const pai1 = ref("");
const pai2 = ref("");
const drawerlek = ref(false);
const pai3 = ref("");
const drawerbottom = ref(false);
const direction = ref("btt");
const drawerlistbummet = ref(false);
const xianchang = ref("");
const value1 = ref(false);
const datePicker = ref("");
const dialogTab = ref(false);
const dialogTableVisible = ref(false);
const dialogTableVisibletwo = ref(false);
const dialogTableVisiblethree = ref(false);
const dialogTableVisiblefour = ref(false);
const dialogTableVisiblefive = ref(false);
const dialogTableVisiblesix = ref(false);
const drawer = ref(false);
const mooutrrg = ref("");
const drawerbuttontop = ref(false);
const dialogVisibletop = ref(false);
const tongjiSelect = ref([]);
const jucon = ref("");
const reception_unit = ref("");
const textarea = ref("");
const question_type = ref("");
const uploadUrl = "/dev-api/system/file/upload";
const uploadHeads = { Authorization: "Bearer " + getToken() };
const uploadList = ref([]);
/**---------------------gis质量提升问题反馈------------------------------------------- */
// gis质量提升问题反馈
const lianweiid = ref("");
const statistics = ref("");
const qukuaiid = ref("");
const xiaoquid = ref("");
const submitButton = ref(false)
const sureButton = ref(false)
const TreatCheck = ref(false)
const corrective = ref(false)
const checkFinish = ref(false)
const verifiable = ref(false)
const chengGuoDaoChu = ref(false)
const drawer_chengguodaochu = ref(false)
const lianweiname = ref([]);
const districtName = ref([]);
const xiaoquName = ref([]);
let qukuaiList = ref([])
let xiaoquList = ref([])
//从地图页面传入所有联围的信息
EventBus.on("resultlw_idname", (val) => {
  // console.log(val, 'val')
  val.forEach((item) => {
    //  console.log(item, 'item');
    lianweiname.value.push({ value: item.value, label: item.label });
    //v-model绑定值
  });
});
// 联围下区块的数据
EventBus.on("districtName", (newval) => {
  newval.forEach((item) => {
    //  console.log(item, 'item');
    districtName.value.push({ value: item.label, label: item.label });
    //  v-model绑定值
  });
  // 把需要渲染的数据进行排序在重新渲染
  qukuaiList.value = districtName.value.sort(function (a, b) {
    return String(a.value).localeCompare(b.value, 'zh-CN', { numeric: true });
  });
});


// 接收区块下小区的数据
EventBus.on("xiaoqutName", (newval) => {
  xiaoquName.value = [];
  newval.forEach((item) => {
    xiaoquName.value.push({ value: item.value, label: item.value });
    //  v-model绑定值
  });
  // 把需要渲染的数据进行排序在重新渲染
  xiaoquList.value = xiaoquName.value.sort(function (a, b) {
    return String(a.value).localeCompare(b.value, 'zh-CN', { numeric: true });
  });
});

// 联围事件
let lianweiidClick = () => {
  EventBus.emit("resultlw_lianweiid", lianweiid);
  districtName.value = [];
};
// 区块事件
let qukuaiidClick = () => {
  EventBus.emit("resultlw_qukuaiid", qukuaiid);
  xiaoquName.value = [];
};
// 小区事件
let xiaoquClick = () => {
  EventBus.emit("resultlw_xiaoquid", xiaoquid);
};
/**--------------------------------------gis质量提升问题反馈------------------------------------------------ */
var newflag;
// 点击提交按钮之后触发的函数
let uploadButton = () => {
  sureButton.value = true
};

// 图片上传之前的处理
let upProgress = (rawFile) => {
  const isLt5M = rawFile.size / 1024 / 1024 < 5;
  if (!isLt5M) {
    ElMessage.error("文件大小不能超过5MB");
  }
  return isLt5M;
};
//上传图片成功
let handleAvatarSuccess = (res) => {
  console.log(res, '照片');
  uploadList.value.push({ url: res.data.data.url, name: res.data.data.name });
};
// 上传文件
let handWenjianSuccess = (res) => {
  console.log(res, "文件");
};
// 上传文件失败
let handleAvatarError = () => {
  ElMessage.error("文件上传失败");
};
/**
 * @param {Array} 菜单数组
 */
// const drawerArr = reactive([
//   {
//     name: "功能菜单",
//   },
// ]);
// {
//     name: "专题图",
//   },
// {
//     name: "水质",
//   },
//   {
//     name: "功能菜单",
//   },
let menuList = reactive([
  {
    text: "物探质检",
  },
  {
    text: "高水位质检",
  },
  {
    text: "管道等级",
  },
  {
    text: "新建官网",
  },
  {
    text: "原单位已做检测",
  },
  {
    text: "清梳一张图",
  },
  {
    text: "本项目已做检测",
  },
  {
    text: "倒虹吸管线",
  },
]);
let twoList = reactive([
  {
    text: "水质布点",
  },
  {
    text: "水质结果",
  },
]);
let threeList = reactive([
  {
    text: "统计",
  },
  {
    text: "成果导出",
  },
  {
    text: "GIS质量提升",
  },
  {
    text: "框选导出CAD",
  },
]);
// {
//     text: "人员统计",
//   },
//   {
//     text: "一区一策",
//   },
const jieshoudanwei = [
  {
    value: "西北院",
    label: "西北院",
  },
];
const options = [
  {
    value: "未质检",
    label: "未质检",
  },
  {
    value: "工区自检完毕",
    label: "工区自检完毕",
  },
  {
    value: "设计院自检完毕",
    label: "设计院自检完毕",
  },
  {
    value: "监理验收完毕",
    label: "监理验收完毕",
  },
];
const options1 = [
  {
    value: "未质检",
    label: "未质检",
  },
  {
    value: "工区自检完毕",
    label: "工区自检完毕",
  },
  {
    value: "设计院自检完毕",
    label: "设计院自检完毕",
  },
  {
    value: "监理验收完毕",
    label: "监理验收完毕",
  },
];
const optionspai1 = [
  {
    value: "排查中",
    label: "排查中",
  },
  {
    value: "排查自检完毕",
    label: "排查自检完毕",
  },
  {
    value: "设计复核完毕",
    label: "设计复核完毕",
  },
  {
    value: "排查验收完毕",
    label: "排查验收完毕",
  },
];
const optionspai2 = [
  {
    value: "测量中",
    label: "测量中",
  },
  {
    value: "排查自检完毕",
    label: "排查自检完毕",
  },
  {
    value: "设计复核完毕",
    label: "设计复核完毕",
  },
  {
    value: "排查验收完毕",
    label: "排查验收完毕",
  },
];
const optionspai3 = [
  {
    value: "检测中",
    label: "检测中",
  },
  {
    value: "排查自检完毕",
    label: "排查自检完毕",
  },
  {
    value: "设计复核完毕",
    label: "设计复核完毕",
  },
  {
    value: "排查验收完毕",
    label: "排查验收完毕",
  },
];

const attyrrt = [
  {
    value: "新增统计",
    label: "新增统计",
  },
  {
    value: "累计统计",
    label: "累计统计",
  },
];
const datalist = reactive({
  midList: [],
});

let iconArr = reactive(["House", "FullScreen", "Loading", "Link"]);
/**
 * @param {菜单点击方法}
 */
const activeIndex = ref("1");
const handleSelect = (key, keyPath) => {
  // console.log(key, keyPath);
};
let list = reactive([]);
let backshow = ref(0);
const drawerClick = (index) => {
  drawer.value = !drawer.value;
  backshow.value = index;
  if (backshow.value == 0) {
    for (let i = 0; i < menuList.length; i++) {
      menuList[i].icon = iconArr[i];
    }
    list = threeList;
    // list = menuList;
    dialogTableVisible.value = false;
    dialogTableVisibletwo.value = false;
    dialogTableVisiblethree.value = false;
    dialogTableVisiblefour.value = false;
    dialogTableVisiblefive.value = false;
    dialogTableVisiblesix.value = false;
  } else if (backshow.value == 1) {
    list = twoList;
  } else {
    list = threeList;
  }
};
let showIndex = ref(0);
let arr = reactive([
  { text: "三级工区" },
  { text: "小区块" },
  { text: "街道" },
]);
const tabClick = (index) => {
  showIndex.value = index;
};
let tongjiList = ref();

let tongji = () => {
  drawerbottom.value = true;
  ljitong.value = "累计统计";
  getTongjiList();
};
// 统计点击事件
function getTongjiList() {
  let params = {};
  if (ljitong.value == "累计统计") {
    params.selectType = tongjiSelect.value;
    params.uploadTime = "";
  }
  //  如果值为新增统计，并且日期不为空
  if (ljitong.value == "新增统计") {
    if (datePicker.value) {
      //将日期改成正常的格式
      const date = new Date(datePicker.value);
      convertedTime.value = date.toLocaleString().replace(/\//g, "-");
      params.uploadTime = convertedTime.value;
    } else {
      return ElMessage.error("请选择日期");
    }
  }

  increase(params).then((res) => {
    tongjiList.value = res.data;
    formatTongjiList();
  });
}
let tableDataList = ref([])
// 人员统计点击事件
function propstongji() {
  userStatisticsList().then((res) => {
    //  发送请求获取数据
    res.rows.forEach(element => {
      // console.log(element, '人员统计');
      if (element.coordinateX == null || element.coordinateY == null) {
        element.coordinateX = '--'
        element.coordinateY = '--'
      }
      tableDataList.value.push({
        account: element.userName,
        condition: element.isOnline,
        username: element.nickName,
        accountAffiliation: element.deptName,
        firstTime: element.logindate,
        lastTime: element.updateTime,
        lastLogoutplace: `${element.coordinateX} , ${element.coordinateY}`
      })

    });
  })
}
//  人员统计点击搜索点击事件 ↓
let accountParams = reactive({
  userName: ''
})
let renYuanTongJiClick = () => {
  accountParams.userName = statistics.value
  console.log(accountParams, '参数');
  userStatisticsListSouSuo(accountParams.userName).then((res) => {
    //  发送请求获取数据
    tableDataList.value = []
    res.rows.forEach(element => {
      if (element.coordinateX == null || element.coordinateY == null) {
        element.coordinateX = '--'
        element.coordinateY = '--'
      }
      tableDataList.value.push({
        account: element.userName,
        condition: element.isOnline,
        username: element.nickName,
        accountAffiliation: element.deptName,
        firstTime: element.logindate,
        lastTime: element.updateTime,
        lastLogoutplace: `${element.coordinateX} , ${element.coordinateY}`
      })
    });
  })
}
// 格式化统计列表
function formatTongjiList() {
  tongjiListTwo.value = []
  listLabel.value = []
  if (shuin.value == 0) {
    tongjiListTwo.value = tongjiList.value.factory
    listLabel.value = liuetnu;
  } else if (shuin.value == 1) {
    tongjiListTwo.value = tongjiList.value.netPoint
    listLabel.value = nullout_point;
  } else if (shuin.value == 2) {
    tongjiListTwo.value = tongjiList.value.netLine
    listLabel.value = nullout_length;
  }
  else if (shuin.value == 3) {
    tongjiListTwo.value = tongjiList.value.river
    listLabel.value = nittyr;
  } else if (shuin.value == 4) {
    tongjiListTwo.value = tongjiList.value.source
    listLabel.value = mootee;
  }
  for (var i = 0; i < tongjiListTwo.value.length; i++) {
    for (let key in tongjiListTwo.value[i]) {
      tongjiListTwo.value[i][key].id = key
      tongjiListTwo.value[i] = tongjiListTwo.value[i][key]
    }
  }
  // console.log(tongjiListTwo.value, '数据');
  // 如果返回的数据中id=all时就替换成总计
  tongjiListTwo.value.forEach(element => {
    if (element.id == 'all') {
      tongjiListTwo.value[0].id = '总计'
    }
  });
}
let daiChaShou = ref([])
let zhiXingZhengGai = ref([])
let daiHeCha = ref([])
let heChaWanCheng = ref([])
let uploadRef = ref()
/**=======================待查收 ↓ ↓ ↓ ↓ ↓ ↓ ↓=============================== */
// 待查收的值由子组件传过来
EventBus.on("daiChaShou.value", (newval) => {
  
  daiChaShou.value = []
  console.log(newval, '传到父组件的值');
  newval.forEach(element => {
    // console.log(element);
    if (element.remark2 == '0') {
      console.log('11111111111111111111111111111111111111111111111');
      daiChaShou.value.push({
        "id": element.objectid,
        'objectid': element.zone_code,
        'remark2': element.remark2,
        'evcode_main': element.evcode_main,
        'uploadpath1': element.uploadpath1,
        'uploadpath2': element.uploadpath2,
        'uploadpath3': element.uploadpath3,
      })
    }
  });
});
let newRemark = ref()
let propsObjectid = ref([])
// 选中表格的某一行时触发的函数
let selectionClick = (row) => {
  newRemark.value = row
}    
  //点击确认后
  let sureDaiChaShou = () =>{
    // console.log(newRemark.value, '确认');
    // newRemark.value[0].remark2 = "1"
     propsObjectid.value=[]
    newRemark.value.forEach(element => {
      propsObjectid.value.push(element.id)
    });
  for (let i = 0; i < daiChaShou.value.length; i++) {
    const element = daiChaShou.value[i];
    for (let j = 0; j < newRemark.value.length; j++) {
      const item = newRemark.value[j];
      if (item.id == element.id) {
        daiChaShou.value.splice(i,1)
      }
    }
    
  }
     ElMessage({
                message: "查收成功",
                type: "success",
             });  
}

/**====================待查收 ↑↑↑↑↑================================== */
/**====================执行整改 ↓ ↓ ↓ ↓ ↓ ↓ ↓================================== */
// 待查收的值由子组件传过来
EventBus.on("zhixingzhenggai.value", (newval) => {
  // console.log(newval, '整改传到父组件的值');
  zhiXingZhengGai.value = []
  newval.forEach(element => {
    // console.log(element);
    if (element.remark2 == '1') {
      zhiXingZhengGai.value.push({
        "id": element.objectid,
        'objectid': element.zone_code,
        'remark2': element.remark2,
        'evcode_main': element.evcode_main,
        'uploadpath1': element.uploadpath1,
        'uploadpath2': element.uploadpath2,
        'uploadpath3': element.uploadpath3,
      })
    }
  });
});
let newRemarkZhengGai = ref()
// 选中表格的某一行时触发的函数
let selectionCorrective = (row) => {
  newRemarkZhengGai.value=row 
}

//点击确认后
let sureZhiXingZhengGgI = () => {
  // console.log(newRemarkZhengGai.value, '确认');
  // newRemarkZhengGai.value[0].remark2 = "1"
   propsObjectid.value=[]
   newRemarkZhengGai.value.forEach(element => {
    propsObjectid.value.push(element.id)
  });
  ElMessage({
    message: "整改成功",
    type: "success",
  });
}
/**====================执行整改 ↑↑↑↑↑================================== */
/**====================待核查 ↓ ↓ ↓ ↓ ↓ ↓ ↓================================== */
// 待查收的值由子组件传过来
EventBus.on("daiHeCha.value", (newval) => {
  // console.log(newval, '核查传到父组件的值');
  daiHeCha.value = []
  newval.forEach(element => {
    // console.log(element);
    if (element.remark2 == '2') {
      daiHeCha.value.push({
        "id": element.objectid,
        'objectid': element.zone_code,
        'remark2': element.remark2,
        'evcode_main': element.evcode_main,
        'uploadpath1': element.uploadpath1,
        'uploadpath2': element.uploadpath2,
        'uploadpath3': element.uploadpath3,
      })
    }
  });
});
let newRemarkDaiHeCha = ref()
// 选中表格的某一行时触发的函数
let selectionVerifiable = (row) => {
  newRemarkDaiHeCha.value=row 
}

// //点击确认后
let sureDaiHeCha = () => {
  // console.log(newRemarkDaiHeCha.value, '确认');
  // newRemarkDaiHeCha.value[0].remark2 = "1"
   propsObjectid.value=[]
   newRemarkDaiHeCha.value.forEach(element => {
    propsObjectid.value.push(element.id)
   });
  daiHeCha.value=daiHeCha.value
  ElMessage({
    message: "核查成功",
    type: "success",
  });
}
/**=}===================待核查 ↑↑↑↑↑================================== */
/**====================核查完成 ↓ ↓ ↓ ↓ ↓ ↓ ↓================================== */
//核查完成的值由子组件传过来
EventBus.on("wanChengHeCha.value", (newval) => {
  // console.log(newval, '完成核查传到父组件的值');
  heChaWanCheng.value = []
  newval.forEach(element => {
    // console.log(element);
    if (element.remark2 == '3') {
      heChaWanCheng.value.push({
        "id": element.objectid,
        'objectid': element.zone_code,
        'remark2': element.remark2,
        'evcode_main': element.evcode_main,
        'uploadpath1': element.uploadpath1,
        'uploadpath2': element.uploadpath2,
        'uploadpath3': element.uploadpath3,
      })
    }
  });
});
let newRemarkHeChaWanCheng = ref()
// 选中表格的某一行时触发的函数
let selectionCheckFinish = (row) => {
  newRemarkHeChaWanCheng.value=row 
}

// //点击确认后
let sureHeChaWanCheng = () => {
  // console.log(newRemarkHeChaWanCheng.value, '确认');
  // newRemarkHeChaWanCheng.value[0].remark2 = "1"
   propsObjectid.value=[]
  newRemarkHeChaWanCheng.value.forEach(element => {
    ElMessage({
      message: "核查成功",
    });
  })
}

/**=}===================核查完成 ↑↑↑↑↑================================== */
// GIS质量提升点击事件
let tisheng = () => {
  drawerlek.value = !drawerlek.value;
  submitButton.value = true

  //  submitButton.value=true
   if (drawerlek.value == false) {
     uploadList.value=[]
     uploadRef.value.clearFiles()	//清空上传列表
    //  点击提交时
     submitButton.value = false 
    //  点击确认后
     sureButton.value = false 
    //  点击查收时
     TreatCheck.value = false
      //  点击整改时
     corrective.value = false
      //  点击核查时
     verifiable.value = false
      //  核查完成
       checkFinish.value=false
     qukuaiid.value=''
     lianweiid.value=''
     xiaoquid.value=''
  }
};
// 人员统计点击事件
let renyuantongji = () => {
  drawerlistbummet.value = true;
  propstongji()
};
// 框选导出CAD
let daochuCAD = () => {
  chengGuoDaoChu.value = true
  drawer_chengguodaochu.value = true
  ElNotification({
    title: "框选",
    message: "拖拽鼠标进行框选",
    type: "success",
    onClose() {
      console.log('关闭提示框');
      chengGuoDaoChu.value = false
    }
  });
};

// 左侧弹出框抽屉↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
// let xiaobiao = (n) => {
//   // if (n == 0 && backshow.value == 0) {
//   //   dialogTableVisible.value = true;
//   // }
//   if (n == 1 && backshow.value == 0) {
//     dialogTableVisible.value = false;
//     dialogTableVisibletwo.value = true;
//   } else if (n == 0 && backshow.value == 1) {
//     dialogVisibletop.value = true;
//   } else if (n == 0 && backshow.value == 0) {
//     drawerbottom.value = true;
//   } else if (n == 4 && backshow.value == 2) {
//     drawerlistbummet.value = true;
//   } else if (n == 3 && backshow.value == 2) {
//     ElNotification({
//       title: "框选",
//       message: "拖拽鼠标进行框选",
//       type: "success",
//     });
//   }
//   // if (n == 2 && backshow.value == 0) {
//   //   dialogTableVisible.value = false;
//   //   dialogTableVisiblethree.value = true;
//   // }
//   if (n == 3 && backshow.value == 0) {
//     dialogTableVisible.value = false;
//     dialogTableVisiblefour.value = true;
//   }
//   if (n == 4 && backshow.value == 0) {
//     dialogTableVisible.value = false;
//     dialogTableVisiblefive.value = true;
//   }
//   if (n == 5 && backshow.value == 0) {
//     dialogTableVisible.value = false;
//     dialogTableVisiblesix.value = true;
//   } else if (n == 2 && backshow.value == 0) {
//     drawerlek.value = true;
//   }
// };
// ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
let tuceng = () => {
  dialogTab.value = true;
};

let legend = () => {
  LegEnd.value = true;
};
let LegEndagv = () => {
  LegEnd.value = false;
};
//源
const data = [
  {
    id: 1,
    label: "源",
    children: [
      {
        id: 1 - 1,
        label: "面源",
        children: [
          {
            id: 2,
            label: "生活",
            children: [
              {
                id: 2 - 1,
                label: "餐饮",
              },
              {
                id: 2 - 2,
                label: "足疗按摩",
              },
              {
                id: 2 - 2,
                label: "汽修",
              },
              {
                id: 2 - 4,
                label: "农贸菜场",
              },
              {
                id: 2 - 5,
                label: "美容美发",
              },
              {
                id: 2 - 6,
                label: "医疗卫生类",
              },
              {
                id: 2 - 7,
                label: "科研类",
              },
              {
                id: 2 - 8,
                label: "住宿服务类",
              },
              {
                id: 2 - 9,
                label: "综合商业类",
              },
            ],
          },

          {
            id: 3,
            label: "工业",
            children: [
              {
                id: 3 - 1,
                label: "家用电器",
              },
              {
                id: 3 - 2,
                label: "机器设备",
              },
              {
                id: 3 - 3,
                label: "纺织服装",
              },
              {
                id: 3 - 4,
                label: "电子信息",
              },
              {
                id: 3 - 5,
                label: "精细化工",
              },
              {
                id: 3 - 6,
                label: "家具制造",
              },
              {
                id: 3 - 7,
                label: "包装印刷",
              },
              {
                id: 3 - 8,
                label: "生物医药",
              },
              {
                id: 3 - 9,
                label: "工业其他",
              },
            ],
          },
          {
            id: 4,
            label: "农业",
            children: [
              {
                id: 4 - 1,
                label: "畜牧养殖",
              },
              {
                id: 4 - 2,
                label: "种植",
              },
              {
                id: 4 - 3,
                label: "水产",
              },
              {
                id: 4 - 4,
                label: "屠宰场",
              },
              {
                id: 4 - 5,
                label: "农业其他",
              },
              {
                id: 4 - 6,
                label: "家具制造",
              },
            ],
          },
          {
            id: 5,
            label: "垃圾处理",
            children: [
              {
                id: 5 - 1,
                label: "垃圾转运场",
              },
              {
                id: 5 - 2,
                label: "垃圾填埋场",
              },
            ],
          },
          {
            id: 6,
            label: "施工工地",
            children: [
              {
                id: 6 - 1,
                label: "道路",
              },
              {
                id: 6 - 2,
                label: "小区",
              },
            ],
          },
        ],
      },
      {
        id: 7,
        label: "点源",

        children: [
          {
            id: 7 - 1,
            label: "化粪池",
          },
          {
            id: 8 - 1,
            label: "隔油池",
          },
          {
            id: 7 - 3,
            label: "垃圾点",
          },
          {
            id: 7 - 4,
            label: "立管点",
            children: [
              {
                id: 8 - 1,
                label: "雨水",
              },
              {
                id: 8 - 2,
                label: "污水",
              },
              {
                id: 8 - 3,
                label: "合流",
              },
              {
                id: 8 - 4,
                label: "截流",
              },
            ],
          },
        ],
      },
    ],
  },
];
const data1 = [
  {
    id: 1,
    label: "网",
    children: [
      {
        id: 1 - 1,
        label: "管线",
        children: [
          {
            id: 2,
            label: "管",
            children: [
              {
                id: 2 - 1,
                label: "雨水管",
              },
              {
                id: 2 - 2,
                label: "污水管",
              },
              {
                id: 2 - 2,
                label: "合流管",
              },
              {
                id: 2 - 4,
                label: "节流管",
              },
              {
                id: 2 - 5,
                label: "虚拟管",
              },
            ],
          },

          {
            id: 3,
            label: "渠",
            children: [
              { id: 3 - 1, label: "雨水渠" },
              { id: 3 - 2, label: "污水渠" },
              { id: 3 - 3, label: "合流渠" },
              { id: 3 - 4, label: "截流渠" },
              { id: 3 - 5, label: "虚拟渠" },
            ],
          },
        ],
      },
      {
        id: 7,
        label: "井点",
        children: [
          {
            id: 7 - 1,
            label: "井",
            children: [
              {
                id: 7 - 2,
                label: "检查井",
              },
              {
                id: 7 - 3,
                label: "化粪池",
              },
              {
                id: 7 - 4,
                label: "隔油池",
              },
              {
                id: 7 - 5,
                label: "隔油沉砂池",
              },
              {
                id: 7 - 6,
                label: "沉砂池",
              },
              {
                id: 7 - 7,
                label: "垃圾点",
              },
              {
                id: 7 - 8,
                label: "其他池",
              },
            ],
          },
          {
            id: 8,
            label: "箅",
            children: [
              {
                id: 8 - 1,
                label: "单箅",
              },
              {
                id: 8 - 2,
                label: "双箅",
              },
              {
                id: 8 - 3,
                label: "多箅",
              },
            ],
          },
          {
            id: 9,
            label: "排",
            children: [
              {
                id: 9 - 1,
                label: "雨水",
              },
              {
                id: 9 - 2,
                label: "污水",
              },
              {
                id: 9 - 3,
                label: "合流",
              },
              {
                id: 9 - 4,
                label: "截流",
              },
            ],
          },
          {
            id: 10,
            label: "特",
            children: [
              {
                id: 10 - 1,
                label: "立管点",
              },
              {
                id: 10 - 2,
                label: "出户",
              },
              {
                id: 10 - 3,
                label: "入户",
              },
              {
                id: 10 - 4,
                label: "进水口",
              },
              {
                id: 10 - 5,
                label: "出水口",
              },
              {
                id: 10 - 6,
                label: "预留口",
              },
              {
                id: 10 - 7,
                label: "虚拟点",
              },
              {
                id: 10 - 8,
                label: "非探测点",
              },
              {
                id: 10 - 9,
                label: "其他",
              },
            ],
          },
        ],
      },
    ],
  },
];
const data2 = [
  {
    id: 1,
    label: "厂",
    children: [
      {
        id: 2,
        label: "厂站",
        children: [
          {
            id: 2 - 1,
            label: "污水处理厂",
          },
          {
            id: 2 - 2,
            label: "水质净化站",
          },
          {
            id: 2 - 3,
            label: "应急污水处理站",
          },
        ],
      },
      {
        id: 3,
        label: "泵站",
        children: [
          {
            id: 3 - 1,
            label: "雨水泵站",
          },
          {
            id: 3 - 2,
            label: "污水泵站",
          },
          {
            id: 3 - 3,
            label: "排涝泵站",
          },
        ],
      },
    ],
  },
];
const data3 = [
  {
    id: 1,
    label: "河",
    children: [
      {
        id: 2,
        label: "河道",
        children: [
          {
            id: 2 - 1,
            label: "中心线",
          },
          {
            id: 2 - 2,
            label: "范围线",
          },
          {
            id: 2 - 3,
            label: "管理线",
          },
        ],
      },
      {
        id: 3,
        label: "暗涵",
      },
      {
        id: 4,
        label: "断头涌",
      },
      {
        id: 5,
        label: "黑臭水体",
      },
      {
        id: 6,
        label: "小湖塘库",
      },
      {
        id: 7,
        label: "阐",
      },
      {
        id: 8,
        label: "堰",
      },
    ],
  },
];
const data4 = [
  {
    id: 1,
    label: "城",
    children: [
      {
        id: 2,
        label: "二级工区",
      },
      {
        id: 3,
        label: "三级工区",
      },
      {
        id: 4,
        label: "镇街",
      },
      {
        id: 5,
        label: "社区",
      },
      {
        id: 6,
        label: "地块类型",
        children: [
          {
            id: 6 - 1,
            label: "住宅区",
          },
          {
            id: 6 - 2,
            label: "公共机构",
          },
          {
            id: 6 - 3,
            label: "商业区",
          },
          {
            id: 6 - 4,
            label: "城中村",
          },
          {
            id: 6 - 6,
            label: "工业区",
          },
          {
            id: 6 - 7,
            label: "市政路",
          },
          {
            id: 6 - 8,
            label: "其他",
          },
        ],
      },
      {
        id: 7,
        label: "控制点",
        children: [
          {
            id: 7 - 1,
            label: "图根控制点",
          },
          {
            id: 7 - 2,
            label: "其本控制点",
          },
        ],
      },
      {
        id: 8,
        label: "地勘点",
        children: [
          {
            id: 9,
            label: "分类1",
            children: [
              {
                id: 9 - 1,
                label: "标准贯入试验孔",
              },
              {
                id: 9 - 2,
                label: "取土试钻孔",
              },
            ],
          },
          {
            id: 10,
            label: "分类2",
            children: [
              {
                id: 10 - 1,
                label: "控制性钻孔",
              },
              {
                id: 10 - 2,
                label: "一般性钻孔",
              },
            ],
          },
        ],
      },
    ],
  },
];
const data5 = [
  {
    id: 1,
    label: "问",
    children: [
      {
        id: 2,
        label: "无缺陷管段",
      },
      {
        id: 3,
        label: "结构性缺陷",
        children: [
          {
            id: 3 - 1,
            label: "破裂",
            children: [
              {
                id: 3 - 1 - 1,
                label: "破裂一级",
              },
              {
                id: 3 - 1 - 2,
                label: "破裂二级",
              },
              {
                id: 3 - 1 - 3,
                label: "破裂三级",
              },
              {
                id: 3 - 1 - 4,
                label: "破裂四级",
              },
            ],
          },
          {
            id: 3 - 2,
            label: "变形",
            children: [
              {
                id: 3 - 2 - 1,
                label: "变形一级",
              },
              {
                id: 3 - 2 - 2,
                label: "变形二级",
              },
              {
                id: 3 - 2 - 3,
                label: "变形三级",
              },
              {
                id: 3 - 2 - 4,
                label: "变形四级",
              },
            ],
          },
          {
            id: 3 - 3,
            label: "腐蚀",
            children: [
              {
                id: 3 - 3 - 1,
                label: "腐蚀一级",
              },
              {
                id: 3 - 3 - 2,
                label: "腐蚀二级",
              },
              {
                id: 3 - 3 - 3,
                label: "腐蚀三级",
              },
            ],
          },
          {
            id: 3 - 4,
            label: "错口",
            children: [
              {
                id: 3 - 4 - 1,
                label: "错口一级",
              },
              {
                id: 3 - 4 - 2,
                label: "错口二级",
              },
              {
                id: 3 - 4 - 3,
                label: "错口三级",
              },
            ],
          },
          {
            id: 3 - 5,
            label: "起伏",
            children: [
              {
                id: 3 - 5 - 1,
                label: "起伏一级",
              },
              {
                id: 3 - 5 - 2,
                label: "起伏二级",
              },
              {
                id: 3 - 5 - 3,
                label: "起伏三级",
              },
              {
                id: 3 - 5 - 4,
                label: "起伏四级",
              },
            ],
          },
          {
            id: 3 - 6,
            label: "脱节",
            children: [
              {
                id: 3 - 6 - 1,
                label: "脱节一级",
              },
              {
                id: 3 - 6 - 2,
                label: "脱节二级",
              },
              {
                id: 3 - 6 - 3,
                label: "脱节三级",
              },
              {
                id: 3 - 6 - 4,
                label: "脱节四级",
              },
            ],
          },
          {
            id: 3 - 7,
            label: "接口材料脱落",
            children: [
              {
                id: 3 - 7 - 1,
                label: "接口材料脱落一级",
              },
              {
                id: 3 - 7 - 2,
                label: "接口材料脱落二级",
              },
            ],
          },
          {
            id: 3 - 8,
            label: "支管暗接",
            children: [
              {
                id: 3 - 8 - 1,
                label: "支管暗接一级",
              },
              {
                id: 3 - 8 - 2,
                label: "支管暗接二级",
              },
              {
                id: 3 - 8 - 3,
                label: "支管暗接三级",
              },
            ],
          },
          {
            id: 3 - 9,
            label: "异物穿入",
            children: [
              {
                id: 3 - 9 - 1,
                label: "异物穿入一级",
              },
              {
                id: 3 - 9 - 2,
                label: "异物穿入二级",
              },
              {
                id: 3 - 9 - 3,
                label: "异物穿入三级",
              },
            ],
          },
          {
            id: 3 - 10,
            label: "渗漏",
            children: [
              {
                id: 3 - 10 - 1,
                label: "渗漏一级",
              },
              {
                id: 3 - 10 - 2,
                label: "渗漏二级",
              },
              {
                id: 3 - 10 - 3,
                label: "渗漏三级",
              },
              {
                id: 3 - 10 - 4,
                label: "渗漏四级",
              },
            ],
          },
        ],
      },
      {
        id: 4,
        label: "功能性缺陷",
        children: [
          {
            id: 4 - 1,
            label: "沉积",
          },
          {
            id: 4 - 2,
            label: "结垢",
          },
          {
            id: 4 - 3,
            label: "障碍物",
          },
          {
            id: 4 - 4,
            label: "残墙、呗根",
          },
          {
            id: 4 - 5,
            label: "树根",
          },
          {
            id: 4 - 6,
            label: "浮渣",
          },
          {
            id: 4 - 6,
            label: "封堵",
          },
        ],
      },
      {
        id: 5,
        label: "系统问题",
        children: [
          {
            id: 5 - 1,
            label: "逆坡",
          },
          {
            id: 5 - 2,
            label: "瓶颈",
          },
          {
            id: 5 - 3,
            label: "打不开井",
          },
          {
            id: 5 - 4,
            label: "数据异常",
          },
          {
            id: 5 - 5,
            label: "照片缺失",
          },
        ],
      },
      {
        id: 6,
        label: "人工问题",
        children: [
          {
            id: 6 - 1,
            label: "官网完整率异常",
          },
          {
            id: 6 - 2,
            label: "雨污属性异常",
          },
          {
            id: 6 - 3,
            label: "检查井井位异常",
          },
          {
            id: 6 - 4,
            label: "拓扑信息存疑",
          },
          {
            id: 6 - 5,
            label: "其他问题",
          },
        ],
      },
      {
        id: 7,
        label: "无缺陷井",
      },
      {
        id: 8,
        label: "检查井缺陷",
      },
      {
        id: 9,
        label: "雨水箅井缺陷",
      },
      {
        id: 10,
        label: "错混接点",
      },
      {
        id: 11,
        label: "外水入侵点",
      },
    ],
  },
];
const data6 = [
  {
    id: 1,
    label: "水质",
    children: [
      {
        id: 2,
        label: "监测点类别",
        children: [
          {
            id: 2 - 1,
            label: "源类",
            children: [
              {
                id: 2 - 2,
                label: "排水点单位",
              },
              {
                id: 2 - 3,
                label: "城市重点面源",
              },
              {
                id: 2 - 4,
                label: "农业养殖",
              },
              {
                id: 2 - 5,
                label: "工业区",
              },
            ],
          },

          {
            id: 3,
            label: "网类",
            children: [
              {
                id: 3 - 1,
                label: "雨水系统",
              },
              {
                id: 3 - 2,
                label: "污水系统",
              },
              {
                id: 3 - 3,
                label: "合流系统",
              },
              {
                id: 3 - 4,
                label: "截流系统",
              },
            ],
          },
          {
            id: 4,
            label: "厂类",
            children: [
              {
                id: 4 - 1,
                label: "进水前池",
              },
              {
                id: 4 - 2,
                label: "尾水排口",
              },
            ],
          },
          {
            id: 5,
            label: "河类",
            children: [
              {
                id: 5 - 1,
                label: "暗涵",
              },
              {
                id: 5 - 2,
                label: "河涌",
              },
              {
                id: 5 - 3,
                label: "排口",
              },
              {
                id: 5 - 4,
                label: "底泥",
              },
            ],
          },
        ],
      },
    ],
  },
];
const data7 = [
  {
    id: 1,
    label: "围区",
    children: [
      {
        id: 2,
        label: "群力围",
      },
      {
        id: 3,
        label: "南顺联安围",
      },
      {
        id: 4,
        label: "齐杏联网",
      },
      {
        id: 5,
        label: "樵桑联围",
      },
      {
        id: 6,
        label: "中顺大围",
      },
      {
        id: 7,
        label: "第二联围-乐从",
      },
      {
        id: 8,
        label: "第二联围-北滘",
      },
      {
        id: 9,
        label: "容桂联围",
      },
      {
        id: 10,
        label: "第一联围-大良",
      },
      {
        id: 11,
        label: "第一联围-勒流",
      },
      {
        id: 12,
        label: "第一联围-伦教",
      },
      {
        id: 13,
        label: "第一联围-勒流1",
      },
    ],
  },
];

const arrtext = [
  {
    id: 1,
    label: "01",
  },
  {
    id: 2,
    label: "02",
  },
  {
    id: 3,
    label: "03",
  },
];
/**
 * @param 先取出Vuex里面的数据，判断选中的id是否和数组里面的值相等，如果相等false变成true,更新vuex的state里面的数组
 */
// let newArr = reactive(Store.state.mapList); // eslint-disable-line no-unused-vars
// console.log("newArr==", newArr);
//点击树形控件的下标
let handleCheck = (prop1, checked) => {
  console.log("121212", prop1);
  console.log("3333", checked);
  // newArr.map((item) => {
  //   if (Object.is(prop1.id, item.id)) {
  //     if (checked) {
  //       item.visible = true;
  //     } else {
  //       item.visible = false;
  //     }
  //   }

  // Store.commit("CHANGEMAP", newArr);
  // console.log("Store.state.mapList", Store.state.mapList);
};

let later = ref(false);
let liuetnu = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "污水处理厂数量",
    prop: "wsclcCnt",
  },
  {
    title: "水质净化站数量",
    prop: "szjhzCnt",
  },
  {
    title: "泵站数量",
    prop: "bzCnt",
  },
]);
let nullout_point = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "总井点数(个)",
    prop: "zjdCnt",
  },
  {
    title: "总井点数(个)",
    prop: "zjdCnt",
  },
  {
    title: "总井数(个)",
    prop: "zjCnt",
  },
  {
    title: "总箅子数(个)",
    prop: "zbzCnt",
  },
  {
    title: "总排口数(个)",
    prop: "zpkCnt",
  },
  {
    title: "总特征数(个)",
    prop: "ztzdCnt",
  },
  {
    title: "总立管数(个)",
    prop: "zlgCnt",
  },
]);
let nullout_length = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "总管渠长(km)",
    prop: "zgLength",
  },
  {
    title: "雨水管长(km)",
    prop: "ysgLength",
  },
  {
    title: "污水管长(km)",
    prop: "wsgLength",
  },
  {
    title: "合流管长(km)",
    prop: "hlgLength",
  },
  {
    title: "截流管长(km)",
    prop: "jlgLength",
  },
  {
    title: "总渠管长(km)",
    prop: "zgLength",
  },
  {
    title: "雨水管长(km)",
    prop: "ysgLength",
  },
  {
    title: "合流管长(km)",
    prop: "hlgLength",
  },
  {
    title: "截流渠长(km)",
    prop: "jlgLength",
  },
]);
let nittyr = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "河道长度(m)",
    prop: "hdLength",
  },
  {
    title: "暗涌长度(m)",
    prop: "ahLength",
  },
  // {
  //   title: "暗涌检测长度(m)",
  //   prop: "channelDetect",
  // },
  // {
  //   title: "排口溯源数(m)",
  //   prop: "outletAmount",
  // },
  // {
  //   title: "外水调查数(m)",
  //   prop: "externalWater",
  // },
]);
let mootee = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "化粪池",
    prop: "hfcCnt",
  },
  {
    title: "隔油池",
    prop: "gycCnt",
  },
  {
    title: "垃圾池",
    prop: "ljcCnt",
  },
  {
    title: "立管点",
    prop: "lgdCnt",
  },
  {
    title: "面源总数",
    prop: "myzCnt",
  },
  {
    title: "农业大类",
    prop: "nydlCnt",
  },
  {
    title: "生活大类",
    prop: "shdlCnt",
  },
  {
    title: "施工工地大类",
    prop: "sggddlCnt",
  },
  {
    title: "工业大类",
    prop: "gydlCnt",
  },
  {
    title: "垃圾处理大类",
    prop: "ljcldlCnt",
  },
  {
    title: "重点面源-农贸菜场",
    prop: "nmccCnt",
  },
  {
    title: "重点面源-汽修",
    prop: "qxCnt",
  },
  {
    title: "重点面源-垃圾转运场",
    prop: "ljzyzCnt",
  },
  {
    title: "重点面源-餐饮",
    prop: "cyCnt",
  },
  {
    title: "重点面源-水产",
    prop: "scCnt",
  },
  {
    title: "重点面源-种植",
    prop: "zzCnt",
  },
  {
    title: "重点面源-畜牧养殖",
    prop: "xmyzCnt",
  },
  {
    title: "重点面源-其他",
    prop: "qtCnt",
  },
]);
let cooyuu = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "统计类别",
    prop: "",
  },
  {
    title: "区块名称",
    prop: "",
  },
  {
    title: "区块编号",
  },
  {
    title: "雨水原头数量",
    prop: "ysSourcepointCount",
  },
  {
    title: "雨水汇水面积",
    prop: "ysCatchmentArea",
  },
  {
    title: "雨水进河数量",
    prop: "ysRiverCount",
  },
  {
    title: "雨水进河面积",
    prop: "ysRiverArea",
  },
  {
    title: "雨水进厂数量",
    prop: "ysPlantCount",
  },
  {
    title: "雨水进厂面积",
    prop: "ysPlantArea",
  },
  {
    title: "雨水进截流面积",
    prop: "ysCatchpitCount",
  },
  {
    title: "雨水散排数量",
    prop: "ysScatterCount",
  },
  {
    title: "雨水散排面积",
    prop: "ysScatterArea",
  },
  {
    title: "雨水数量收集率",
    prop: "ysCollectionRateCountWithoutCatchpitCount",
  },
  {
    title: "雨水面积收集率",
    prop: "ysCollectionRateAreaWithoutCatchpit",
  },
  {
    title: "雨水数量收集率",
    prop: "ysCollectionRateCountWithCatchpit",
  },
  {
    title: "雨水面积收集率",
    prop: "ysCollectionRateAreaWithCatchpit",
  },
  {
    title: "污水源头数量",
    prop: "wsSourcepointCount",
  },
  {
    title: "污水汇水面积",
    prop: "wsCatchmentArea",
  },
  {
    title: "污水进河数量",
    prop: "wsRiverCount",
  },
  {
    title: "污水进河面积",
    prop: "wsRiverArea",
  },
  {
    title: "污水进厂数量",
    prop: "wsPlantCount",
  },

  {
    title: "污水进厂面积",
    prop: "wsPlantArea",
  },
  {
    title: "污水进截流数量",
    prop: "wsCatchpitCount",
  },
  {
    title: "污水进截流面积",
    prop: "wsCatchpitArea",
  },
  {
    title: "污水散排数量",
    prop: "wsScatterCount",
  },
  {
    title: "污水散排面积",
    prop: "wsScatterArea",
  },
  {
    title: "污水数量收集率",
    prop: "wsCollectionRateCountWithoutCatchpit",
  },
  {
    title: "污水面积收集率",
    prop: "wsCollectionRateAreaWithoutCatchpit",
  },
  {
    title: "污水数量收集率",
    prop: "wsCollectionRateCountWithCatchpit",
  },
  {
    title: "污水面积收集率",
    prop: "wsCollectionRateAreaWithCatchpit",
  },
]);
let cooiuyy = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "编号",
    prop: "objectid",
  },
  {
    title: "质检类型",
    prop: "statistictype",
  },
  {
    title: "工区名称",
    prop: "statisticname",
  },
  {
    title: "总小区数",
    prop: "zoneTotal",
  },
  {
    title: "自检完成小区数",
    prop: "zoneCheck1",
  },
  {
    title: "设计复检完成数",
    prop: "zoneCheck2",
  },
  {
    title: "验收完成小区数",
    prop: "zoneCheck3",
  },
  {
    title: "总长度",
    prop: "lengthTotal",
  },
  {
    title: "自检完成长度",
    prop: "lengthCheck1",
  },
  {
    title: "设计复检完成长度",
    prop: "lengthCheck2",
  },
  {
    title: "验收完成长度",
    prop: "lengthCheck3",
  },
  {
    title: "统计时间",
    prop: "statisticDate",
  },
]);
let ppoout = reactive([
  {
    title: '统计维度',
    prop: 'id'
  },
  {
    title: "统计类别",
    prop: "statistictype",
  },
  {
    title: "统计编号",
    prop: "statisticcode",
  },
  {
    title: "统计名称",
    prop: "statisticname",
  },
  {
    title: "检测类别",
    prop: "detecttype",
  },
  {
    title: "源类检测点数量",
    prop: "sourcecount",
  },
  {
    title: "源类已做检测点数量",
    prop: "sourcecompletecount",
  },
  {
    title: "网类检测点数量",
    prop: "newtworkcount",
  },
  {
    title: "网类已做检测点数量",
    prop: "newtworkcompletecount",
  },
  {
    title: "厂类检测点数量",
    prop: "plantcount",
  },
  {
    title: "厂类已做检测数量",
    prop: "plantcompletecount",
  },
  {
    title: "河类检测点数量",
    prop: "rivercount",
  },
  {
    title: "河类已做检测数量",
    prop: "rivercompletecount",
  },
  {
    title: "排水单位检测点数量",
    prop: "pscount",
  },
  {
    title: "排水单位已做检测数量",
    prop: "pscompletecount",
  },
  {
    title: "城市重点面源检测点数量",
    prop: "zdcount",
  },
  {
    title: "城市重点已做面源检测点数量",
    prop: "zdcompletecount",
  },
  {
    title: "农业养殖监测点数量",
    prop: "nycount",
  },
  {
    title: "农业已做监测数量",
    prop: "nycompletecount",
  },
  {
    title: "工业区监测点数量",
    prop: "gycount",
  },
  {
    title: "工业区已做监测数量",
    prop: "gycompletecount",
  },
  {
    title: "雨水系统监测点数量",
    prop: "yscount",
  },
  {
    title: "雨水系统已做监测数量",
    prop: "yscompletecount",
  },
  {
    title: "污水系统监测点数量",
    prop: "",
  },
  {
    title: "污水系统已做监测数量",
    prop: "",
  },
  {
    title: "合流系统监测点数量",
    prop: "",
  },
  {
    title: "合流系统已做监测数量",
    prop: "",
  },
  {
    title: "截流系统监测点数量",
    prop: "",
  },
  {
    title: "截流系统已做监测数量",
    prop: "",
  },
  {
    title: "进水前池监测点数量",
    prop: "jscount",
  },
  {
    title: "进水前池已做监测数量",
    prop: "jscompletecount",
  },
  {
    title: "尾水排口监测点数量",
    prop: "",
  },
  {
    title: "尾水排口已做监测数量",
    prop: "",
  },
  {
    title: "暗涵监测点数量",
    prop: "ahcount",
  },
  {
    title: "暗涵已做监测数量",
    prop: "ahcompletecount",
  },
  {
    title: "河涌监测点数量",
    prop: "hccount",
  },
  {
    title: "河涌已做监测数量",
    prop: "hccompletecount",
  },
  {
    title: "排口监测点数量",
    prop: "pkcount",
  },
  {
    title: "排口已做监测数量",
    prop: "pkcompletecount",
  },
  {
    title: "底泥监测点数量",
    prop: "dncount",
  },
  {
    title: "底泥已做监测数量",
    prop: "dncompletecount",
  },
  {
    title: "统计时间",
    prop: "statisticDate",
  },
]);
let listdraw = reactive([
  { title: "厂" },
  { title: "网-点" },
  { title: "网-线" },
  { title: "河" },
  { title: "源" },
  // { title: "城" },
  // { title: "质检" },
  // { title: "水质" },
]);
let shuin = ref(0);
let listLabel = ref([]);
// 辅助分析统计点击搜索按钮触发的函数
let convertedTime = ref("");

let searchButton = () => {
  getTongjiList()
};
onMounted(() => {
  // 统计查询类型下拉菜单渲染
  stats_select().then((res) => {
    // console.log(res.data, "stats_select");
    const result = res.data;
    result.forEach((item) => {
      //渲染下拉列表
      datalist.midList.push({ label: item.dictValue, value: item.dictLabel });
    });
  });
});
// 统计点击数据
let funtty = (index) => {
  shuin.value = index;
  formatTongjiList();
};
// ==========菜单按钮弹出框==========
let topList = reactive([{ title: "问题反馈" }, { title: "所有记录" }]);
let shuoindex = ref(0);
let onclicktop = (index) => {
  shuoindex.value = index;
  if (shuoindex.value == 1) {
    jiekevalue.value = false;
    jiekevalu.value = false;
    jiekeval.value = false;

    jil.value = true;
  } else if (shuoindex.value == 0) {
    jiekevalue.value = true;
    jiekevalu.value = true;
    jiekeval.value = true;
    jil.value = false;
  }
  //////////////////////////////1111111111111
  if (
    shuoindex.value == 0 &&
    conectindex.value == 0 &&
    bottomindex.value == 0
  ) {
    jiekevalue.value = true;
  } else {
    jiekevalue.value = false;
  }

  ////////////////////////////////2222222222222
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 0
  ) {
    cha.value = true;
  } else {
    cha.value = false;
  }
  /////////////////////////////33333333
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 1
  ) {
    yicha.value = true;
  } else {
    yicha.value = false;
  }

  /////////////////////////44444444
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 0
  ) {
    funttypp.value = true;
  } else {
    funttypp.value = false;
  }
  //////////////////////////////////555555
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 1
  ) {
    shokutty.value = true;
  } else {
    shokutty.value = false;
  }
  /////////////////////////待核查
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 0
  ) {
    lloppby.value = true;
  } else {
    lloppby.value = false;
  }
  ///////////////////7777
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 1
  ) {
    ppllmqr.value = true;

  } else {
    ppllmqr.value = false;
  }

  ///////////////////999
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 2
  ) {
    kuutyy.value = true;
  } else {
    kuutyy.value = false;
  }
};
let conectList = reactive([
  { title: "添加" },
  { title: "查收" },
  { title: "整改" },
  { title: "核查" },
]);
let conectindex = ref(0);
let onclickconect = (index) => {
  conectindex.value = index;
  if (conectindex.value == 1) {
    bottomtList = [];
    TreatCheck.value = true
    bottomtList = bottombian;

  } else if (conectindex.value == 0) {
    bottomtList = [];
    bottomtList = [
      { title: "问题添加" },
      { title: "我的添加" },
      { title: "我的单位添加" },
    ];
  }
  // 执行整改
  else if (conectindex.value == 2) {
    bottomtList = [];
    corrective.value = true
    bottomtList = zhenggai;
  }
  // 待核查
  else if (conectindex.value == 3) {
    bottomtList = [];
    verifiable.value = true
    bottomtList = hecha;
  }

  if (
    shuoindex.value == 0 &&
    conectindex.value == 0 &&
    bottomindex.value == 0
  ) {
    jiekevalue.value = true;
    //  点击查收时
     TreatCheck.value = false
      //  点击整改时
     corrective.value = false
      //  点击核查时
     verifiable.value = false
  } else {
    jiekevalue.value = false;
  }
  ////////////////////////////////2222222222222
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 0
  ) {
    cha.value = true;
      //  点击提交时
     submitButton.value = false 
    //  点击确认后
     sureButton.value = false 
    //  点击查收时
     TreatCheck.value = true
      //  点击整改时
     corrective.value = false
      //  点击核查时
     verifiable.value = false
  } else {
    cha.value = false;
  }
  /////////////////////////////33333333
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 1
  ) {
    yicha.value = true;
  } else {
    yicha.value = false;
  }

  /////////////////////////44444444
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 0
  ) {
    funttypp.value = true;
      //  点击提交时
     submitButton.value = false 
    //  点击确认后
     sureButton.value = false 
    //  点击查收时
     TreatCheck.value = false
      //  点击整改时
     corrective.value = true
      //  点击核查时
     verifiable.value = false
  } else {
    funttypp.value = false;
  }
  //////////////////////////////////555555
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 1
  ) {
    shokutty.value = true;
  } else {
    shokutty.value = false;
  }
  /////////////////////////66666
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 0
  ) {
    lloppby.value = true;
      //  点击提交时
     submitButton.value = false 
    //  点击确认后
     sureButton.value = false 
    //  点击查收时
     TreatCheck.value = false
      //  点击整改时
     corrective.value = false
      //  点击核查时
     verifiable.value = true
       //核查完成时
      checkFinish.value=false
  } else {
    lloppby.value = false;
  }
  ///////////////////7777
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 1
  ) {
    ppllmqr.value = true;
         //  点击提交时
     submitButton.value = false 
    //  点击确认后
     sureButton.value = false 
    //  点击查收时
     TreatCheck.value = false
      //  点击整改时
     corrective.value = false
      //  点击核查时
    verifiable.value = false
    //核查完成时
      checkFinish.value=true
  } else {
    ppllmqr.value = false;
  }

  ///////////////////999
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 2
  ) {
    kuutyy.value = true;
  } else {
    kuutyy.value = false;
  }
};
let bottomindex = ref(0);

let bottomtList = reactive([
  { title: "问题添加" },
  { title: "我的添加" },
  { title: "我的单位添加" },
]);
let bottombian = reactive([{ title: "待查收" }, { title: "已查收" }]);
let zhenggai = reactive([{ title: "执行整改" }, { title: "我整改的" }]);
let hecha = reactive([
  { title: "待核查" },
  { title: "核查完成" },
  { title: "隐藏闭合问题点" },
]);
let onclickbottom = (index) => {
  bottomindex.value = index;

  if (
    shuoindex.value == 0 &&
    conectindex.value == 0 &&
    bottomindex.value == 0
  ) {
    jiekevalue.value = true;
    submitButton.value = true
  } else {
    jiekevalue.value = false;
  }
  /////////////我的添加//////////////////
  if (
    shuoindex.value == 0 &&
    conectindex.value == 0 &&
    bottomindex.value == 1
  ) {
    myTianjia.value = true
  } else {
    myTianjia.value = false
  }
  /////////////////////////待查收///////2222222222222
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 0
  ) {
    cha.value = true;
    submitButton.value = false
  } else {
    cha.value = false;
  }
  /////////////////////////////已查收
  if (
    shuoindex.value == 0 &&
    conectindex.value == 1 &&
    bottomindex.value == 1
  ) {
    yicha.value = true;
 
    corrective.value = true
   
  } else {
    yicha.value = false;
  }

  /////////////////////////44444444
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 0
  ) {
    funttypp.value = true;
  } else {
    funttypp.value = false;
  }
  //////////////////////////////////555555
  if (
    shuoindex.value == 0 &&
    conectindex.value == 2 &&
    bottomindex.value == 1
  ) {
    shokutty.value = true;
     verifiable.value = true
     //  点击整改时
     corrective.value = true
  } else {
    shokutty.value = false;
  }
  /////////////////////////待核查
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 0
  ) {
    lloppby.value = true;
      //  核查完成
  } else {
    lloppby.value = false;
  }
  ///////////////////核查完成
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 1
  ) {
    ppllmqr.value = true;
    checkFinish.value = true
  } else {
    ppllmqr.value = false;
  }

  ///////////////////999
  if (
    shuoindex.value == 0 &&
    conectindex.value == 3 &&
    bottomindex.value == 2
  ) {
    kuutyy.value = true;
  } else {
    kuutyy.value = false;
  }
};
let handleClickllo = (index) => {
  if (index.index == 0) {
    huuymol.value = false;
  } else {
    huuymol.value = true;
  }
};
let moopeet = (index) => {
  if (index.index == 1) {
    huuymol.value = false;
  }
};
let ljitong = ref();
let kuio = async () => {
  datePicker.value = "";
  console.log(ljitong.value);
};
</script>
  
<style scoped>
.example-showcase .el-dropdown-link {
  width: 100px;
  cursor: pointer;
  color: var(--el-color-primary);
  display: flex;
  align-items: center;
}

.buttom-conterr {
  height: 30px;
  text-align: certer;
  line-height: 30px;
  margin-top: 10px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

.buttom-conterrr {
  background-color: antiquewhite;
}

.certertr {
  display: block;
  text-align: center;
  font-size: 17px;
}

.el-overlay-dialog {
  width: 70%;
}

.el-input {
  width: 200px;
}

.el-tabs__item {
  color: #000 !important;
}

.shui {
  display: flex;
  background-color: chartreuse;
  width: 39px;
  height: 62px;
  text-align: center;
  color: #fff;
  margin-top: 20px;
  opacity: 0.8;
}

.el-menu-item:hover {
  background-color: #ccc !important;
}

/* .nuuto {
  margin-top: 15px;
}

.nuboo {
  display: block;
  text-align: center;
  line-height: 20px; 
  font-size: 17px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 600;
 
} */
.drawer-box {
  width: 300px;
  display: flex;
  position: fixed;
  top: 200px;
}

.eventxy {
  position: absolute;
  bottom: 50px;
  font-size: 20px;
  left: 45%;
  margin: 0 auto;
}

.draw {
  display: flex;
  width: 300px;
  /* border: 1px solid #2c2b2b; */
  justify-content: space-between;
  padding: 4px;
  height: 38px;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 8px;
  color: #515a6e;
}

.draw-left {
  text-align: center;
  line-height: 30px;
  width: 40px;
  height: 30px;
  border: 1px solid #2c2b2b;
}

.active {
  /* font-size: 22px; */
  color: rgb(48, 57, 152);
  border-bottom: 2px solid #2c2b2b;
  font-weight: bold;
}

/* 功能菜单-统计弹出框 */
.mout {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.nuubv {
  margin-left: 20px;
}

.nuubv>.el-input {
  width: 263px;
}

.buttmop {
  margin-left: 20px;
}

.nuuiot {
  margin-left: 20px;
}

.cell {
  text-align: center;
  height: 50px;
}

.Drawere {
  height: 80% !important;
  width: 10% !important;
  margin-top: 5%;
}

.tongJi {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  color: #000;
  font-size: 20px;
}

.fonGtuer {
  height: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.mr10 {
  margin-right: 20px;
}

.animated-drawer {
  width: 13% !important;
  transition: transform 925ms;
}

/* 菜单字体颜色 */
.el-menu-item>span {
  color: black;
}

.ding {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: space-around;
  align-content: space-around;
  position: absolute;
  left: 13%;
  top: 5%;
  z-index: 99999;
}

.ding-box {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: space-around;
  align-content: space-around;
  position: absolute;
  left: 0;
  top: 5%;
  z-index: 99999;
}

.ding-box-first {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: darkmagenta;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 30%;
  text-align: center;
}

.ding-box-two {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: yellow;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 60%;
  text-align: center;
}

.ding-box-three {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: green;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 100%;
  text-align: center;
}

.water {
  display: flex;
  background-color: yellow;
  opacity: 0.8;
  color: #fff;
  width: 39px;
  height: 62px;
  position: absolute;
  left: 13%;
  top: 15%;
  z-index: 99999;
}

.water-box {
  display: flex;
  background-color: yellow;
  opacity: 0.8;
  color: #fff;
  width: 39px;
  height: 62px;
  position: absolute;
  left: 0;
  top: 15%;
  z-index: 99999;
}

#dialogOne {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 313px;
}

#dialogTwo {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 313px;
}

#visitopOne {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
  justify-content: center;
}

#visitopTwo {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
  justify-content: center;
}

.topcenter {
  width: 100%;
  text-align: center;
}

.el-tabs,
.el-tabs--left,
.demo-tabs {
  height: 100% !important;
}

.tucengli {
  display: block;
  text-align: center;
  font-size: 20px;
}

.el-button {
  width: 150px;
}

.primarys {
  width: 200px;
  display: flex;
  justify-content: center;
  margin-top: 13px;
  margin-left: 60px;
}

.rightcongth {
  position: absolute;
  left: 0;
  height: 260px;
  margin-top: 143px;
  background-color: rgb(249, 252, 252);
  opacity: 0.8;
  width: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-radius: 10px;
  border: #ccc 1px solid;
}

.icons {
  font-size: 24px;
}

.icontitle {
  font-size: 14px;
}

.right-height {
  line-height: 32px;
  font-size: 17px;
}

.right-top1 {
  display: flex;
  margin-top: 24px;
  justify-content: space-around;
}

.visitop {
  display: flex;
}

.el-col {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
}

.top {
  margin-left: 58px;
}

.bar-title-left {
  width: 212px;
  height: 40px;
  /* border:1px solid #000 ; */
  display: flex;
}

.bar-title-left-span {
  width: 70px;
  height: 40px;
  font-size: 16px;
  border: 1px solid #000;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #000;
  /* padding: 10px; */
}

/* #index {
  position: relative;
} */
#index {
  position: absolute;
  right: 0;
  top: 70px;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.ding {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: space-around;
  align-content: space-around;
  position: absolute;
  left: 13%;
  top: 5%;
  transition-duration: 990ms;
  z-index: 99999;
}

.ding-box {
  display: flex;
  flex-direction: column;
  height: 500px;
  justify-content: space-around;
  align-content: space-around;
  position: absolute;
  left: 0;
  top: 5%;
  z-index: 99999;
}

.ding-box-first {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c6b1f1;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ding-box-two {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #33cb60;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ding-box-three {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #31a6e6;
  opacity: 0.8;
  color: #fff;
  width: 40px;
  height: 120px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.water {
  display: flex;
  background-color: yellow;
  opacity: 0.8;
  color: #fff;
  width: 39px;
  height: 62px;
  position: absolute;
  left: 13%;
  top: 15%;
  z-index: 99999;
}

.water-box {
  display: flex;
  background-color: yellow;
  opacity: 0.8;
  color: #fff;
  width: 39px;
  height: 62px;
  position: absolute;
  left: 0;
  top: 15%;
  z-index: 99999;
}

.el-main {
  width: 100%;
  height: 100%;
}

.el-menu {
  height: 100%;
  background-color: #fff !important;
}

.muii {
  width: 100px;
  height: 100px;
  background-color: blue;
}

.miiu {
  width: 100px;
  height: 32px;
}

.mute {
  margin-top: 20px;
}

/* 弹出框样式 */
#dialogOne {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 700px;
}

#dialogTwo,
#dialogthree,
#dialogfour {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 313px;
}

#dialogfive {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 550px;
}

#dialogsix {
  width: 350px;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5%;
  height: 700px;
}

#dialogTwo {
  height: 550px;
}

#dialogthree,
#dialogfour {
  height: 600px;
}

#dialogthree_top {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  /* background-color: yellowgreen; */
}

#visitopOne {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
  justify-content: center;
}

#visitopTwo {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
  justify-content: center;
}

.drawbuttomkey {
  width: 100% !important;
  height: 100% !important;
}

.drawbut {
  position: relative;
}

::v-deep .mask-layer {
  width: 40% !important;
  height: 100% !important;
  margin-left: 60%;
}

::v-deep .mask-chengguodaochu {
  width: 600px !important;
  height: 200px !important;
  margin-left: 60%;
  background-color: yellowgreen;
}

.top-commet {
  display: flex;
  justify-content: space-around;
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 30px;
  color: #ccc;
}

.top-commet div {
  cursor: pointer;
}

.bottom-commet {
  display: flex;
  justify-content: space-around;
  text-align: center;

  font-size: 24px;
  height: 40px;
  line-height: 40px;
}

.bottom-cmmet {
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  color: #ccc;
  margin-bottom: 30px;
}

.bottom-cmmet div {
  cursor: pointer;
}

.activel {
  height: 40px;
  /* background-color: rgb(67, 69, 66); */
  font-weight: 700;
  font-size: 24px;
  color: #515a6e;
  border-radius: 10px;
}

.juconcet {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.jucon {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
}

.pingfen {
  margin-top: 15px;
  margin-left: 40px;
  display: flex;
}

.munj {
  width: 550px !important;
}

.kuiop {
  height: 50px;
  line-height: 50px;
}

.muoole {
  margin-left: 40px;
}

.nulllout {
  /* display: flex;
  justify-content: space-around; */
  margin-left: 33px;
  margin-top: 10px;
  height: 156px;
  width: 100%;
}

.mopuy {
  height: 120px;
  line-height: 120px;
  position: absolute;
  left: 50px;
}

.mopluty {
  margin-top: 15px;
  margin-left: 15px;
  display: flex;
  width: 100%;
  /* height: 50px; */
  /* justify-content: space-around; */
}

.moppiuy {
  text-align: center;
  height: 20px;
  line-height: 32px;
  width: 100px;
}

.mpkoiiuy {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin-top: 10px;
  margin-left: 30px;
}

.nuillpoi {
  height: 30px;
  line-height: 30px;
}

.juconcet {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.jucon {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
}

.pingfen {
  margin-top: 15px;
  margin-left: 40px;
  display: flex;
}

.munj {
  width: 550px !important;
}

.kuiop {
  height: 50px;
  line-height: 50px;
}

.muoole {
  margin-left: 40px;
}

.nulllout {
  display: flex;
  justify-content: space-around;
  margin-left: 33px;
  margin-top: 10px;
}

.mopuy {
  height: 120px;
  line-height: 120px;
}


.nuillpoi {
  height: 30px;
  line-height: 30px;
}

.kuttyr {
  display: flex;
  justify-content: space-around;

  margin-top: 6px;
}

.moopuyt>.el-button {
  width: 82px;
  height: 32px;
}

.listytr>.el-input {
  width: 124px !important;
}

.nulless {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.el-input {
  width: 130px;
}

.nulles {
  margin-top: 10px;
  margin-left: 9px;
}

.muiity,
.muoppl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-top: 10px;
}

.miiopl {
  display: flex;
  justify-content: space-around;
}

.el-button {
  width: 63px !important;
}

.mooouyyt {
  display: flex;
  justify-content: space-around;
  width: 70%;
}

.sttyuiiy {
  margin-left: 16px;
}

.appiop {
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
}

.kiopol,
.miiopp {
  display: flex;
  margin-top: 5px;
  justify-content: space-between;
}

.miiopp {
  width: 66%;
}

.muuouyyt {
  margin-top: 9px;
}

.mookujh {
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
  width: 77%;
}

.el-dialog__body {
  height: 448px !important;
}

.mouttygh {
  display: flex;
  justify-content: space-around;
  width: 110%;
  margin-top: -57px;
}

.el-aside {
  background-color: #fff;
}

/* 菜单按钮弹出框样式 */
.el-drawer__header {
  margin-bottom: 0px !important;
}
</style>